<template>
  <div class="orderOverview">
    <div class="title">订单总览</div>
    <el-table
      style="margin-top:12px"
      :data="orderList"
      border>
      <el-table-column
        prop="order_detail_name"
        label="订单详情">
      </el-table-column>
      <el-table-column
        prop="dayCount"
        label="今日">
      </el-table-column>
      <el-table-column
        prop="yestCount"
        label="昨日">
      </el-table-column>
      <el-table-column
        prop="sevenCount"
        label="近7日">
      </el-table-column>
      <el-table-column
        prop="monthCount"
        label="本月">
      </el-table-column>
      <el-table-column
        prop="lastMonthCount"
        label="上月">
      </el-table-column>
      <el-table-column
        prop="allCount"
        label="全部">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props:{
    info:Object
  },
  data(){
    return{
      orderList:[]
    }
  },
  watch:{
    info(val){
      if(val){
        this.orderList = [
          {
            order_detail_name:'订单数量',
            ...val.orderVo
          },
          {
            order_detail_name:'用户净增',
            ...val.customerVo
          }
        ]
      }
    }
  }
}
</script>

<style scoped lang="scss">
@import '../../utils/common.scss';
.orderOverview{
  padding-top: 24px;
  padding-bottom:24px;
  border-bottom: 1px solid #E8E8E8;
}
</style>